<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>candybar</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
 	<script type="text/javascript" src="scripts.js"></script>
	<script type="text/javascript">
	function DefaultResources() {
		this.MENU_PLAY = document.getElementById("playBtn");
		this.MENU_PAUSE = document.getElementById("pauseBtn");
		this.MENU_CLEAR = document.getElementById("clearBtn");
        this.CANVAS = document.getElementById("canvas");
		this.BACKGROUND = document.getElementById("background");
        this.cnd = document.getElementById("candy");

	}

	function createCounter() {
        var resources = new DefaultResources();
		var counter = new Game(new GModel(), new GView(resources)); 

		resources.MENU_PLAY.onclick = counter.play;
		resources.MENU_PAUSE.onclick = counter.pause;
		resources.MENU_CLEAR.onclick = counter.clear;
		return counter;
	}
    function main() {
        var counter = createCounter();
    }

	</script>
</head>
<body onload="main();">
    <input type="button" id="playBtn" value="go"> 
    <input type="button" id="pauseBtn" value="pause">
    <input type="button" id="clearBtn" value="clear">

	<canvas id="canvas" width="730" height="600" style="display:none;"></canvas>


    <img id="background" alt="background" src="img/bg.jpg" style="display:none" />
    <img id="candy" alt="background" src="img/10187.png" style="display:none" />

</body>
</html>